<!--
 * @Author: liuxin
 * @Date: 2022-05-31 14:21:52
 * @LastEditors: liuxin
 * @LastEditTime: 2022-10-25 14:13:40
 * @Description: 空页面
-->
<template>
  <div class="empty-content">
    <div>
      <span>{{ text }}</span>
    </div>
  </div>
</template>

<script>
  /**
   * @description: 空组件
   * @param {String} text 文本
   * @param {String} icon 字体图标,对应iconfont
   * @param {Boolean} isRefresh 是否需要点击刷新
   * @Author: liuxin
   */
  export default {
    props: {
      text: {
        type: String,
        default: '暂无记录',
      },
      icon: {
        type: String,
        default: 'icon-zanwushuju1',
      },
    },
  };
</script>

<style lang="less" scoped>
  .empty-content {
    width: 100%;
    color: rgb(153, 152, 152);
    min-height: 200px;
    // @include flex-box(column, center, center);
  }

  .empty-icon {
    font-size: 80px;
    margin-bottom: 20px;
  }

  .empty-refresh {
    color: rgba(165, 29, 29, 0.7);
    margin-left: 20px;
  }
</style>
